<template>
    <div class="header-title">
      <div class="title"><span>{{name}}</span><span style="margin-left:5px;margin-right:5px;" v-if="name&&dutyName">:</span><span>{{dutyName}}</span></div>
      <slot name="system"></slot>
    </div>
</template>
<script>
export default {
  name: 'header-title',
  props: {
    name: {
      type: String
    },
    dutyName: {
      type: String
    }
  }
}
</script>
<style lang="less" scoped>
  .header-title{
      padding:0 20px;
      height: 50px;
      background: #f3f3f3;
      border: 1px solid #e4e4e4;
      border-bottom: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
</style>
